”iconfont taro iconfont-cli taro-iconfont react-native-iconnfont mini-program-iconfont JavaScript“ 的搜索结果

react-native中使用react-native-vector-icons图标库

标签：   react-native  react native  react.js

     react-native-vector-icons 内置了FontAwesome、 antDesign等常用图标库，还可以支持自定义。 RN0.6以上如何使用？ 1、安装： npm i react-native-vector-icons -D 安装命令。 2、安装完成后，还是需要执行 react-...

react-native模仿京东首页

标签：   react-native

     react-native模仿京东首页，欢迎下载交流。

【React-Native】基于react-native-echarts-pro图表库的地图展示

标签：   react native  图表  react-native地图

     由于业务需要展示世界地图，并且对地图数据进行操作...前期选用native-echarts，但是该组件有三个问题：1.长期不维护；2.echarts版本较老；3.没有自带的地图功能； 故有了该组件的诞生，废话不多说，上手： 一、 ...

hadoop-2.6.0编译好的64bit的native库

标签：   hadoop-2.6.0 64位native库 编译

     14/01/27 10:52:34 WARN util.NativeCodeLoader: Unable to load native-hadoop library for your platform... using builtin-java classes where applicable Starting namenodes on [Java HotSpot(TM) 64-Bit ...

ReactNative进阶（四十五）：渐变组件 react-native-linear-gradient

标签：   reactnative  linear-gradient  渐变组件

     npm i react-native-linear-gradient react-native link react-native-linear-gradient 二、属性介绍 2.1 colors 默认情况下，渐变色的方向是从上向下的。 <LinearGradient colors={['#63B8FF', '#1C86EE', '...

react-native播放视频组件 react-native-video的用法

标签：   android  react-native  组件

     react-native-video 是一个播放视频的开源组件， 它的用法很简单。 1.安装 依次执行下面两个命令， npm i -S react-native-video react-native link (这一步是连接本地视频库) (1) ios： 如果您想允许其他应用...

react-native 轮播图 ——react-native-swiper使用

标签：   native  react-native  轮播图

     今天学习了轮播图的使用，上网查阅了一下，发现有react-native-swiper和React-Native-Viewpager 两种封装的比较好的第三方组件，对比了下文档，觉得react-native-swiper功能更加完善，而且文档说明比较全面，所以...

RN：使用react-native-exit-app退出app

标签：   react-native  react native  react.js

     react-native-exit-app import RNExitApp from 'react-native-exit-app'; ... RNExitApp.exitApp(); ... 看了下源码，是这样退出的： android @ReactMethod public void exitApp() { android.os.Process.kill...

react native 实现图片放大功能 （react-native-image-zoom-viewer）

标签：   react native  放大图片  image-zoom

     安装中间件 react-native-image-zoom-viewer 封装放大图片弹窗组件 调用弹窗组件 具体步骤 1. 安装中间件 react-native-image-zoom-viewer，参考官网 和 官网 版本： "react": "16.8.3", "react-native": "0.59.9...

使用react-native-debugger调试react-native

标签：   react-native

     用了http://localhost:8081/debugger-ui，安装了react-devtools，又发现...官网地址：https://github.com/jhen0409/react-native-debugger/releases。 运行如下： 使用 如何使用呢? 相当的简单, 参考文档: htt...

react-native与svg整合 ----- react-native-svg

标签：   react-native

     React-Native 与Iconfont整合 1、从阿里妈妈上选择自己所需要的素材，下载源代码 ... 下载后得到的iconfont.ttf ...两种解决方案： react-native-vector-icons && react-native-svg 采用 react-native-svg解

react native截屏组件 react-native-view-shot总结

标签：   rn截屏组件   react-native-view-shot   react-native截屏

     截图组件react-native-view-shot，可以截取当前屏幕或者按照当前页面的组件来选择截取（）

android studio虚拟机运行react-native项目全流程（避坑笔记）

标签：   android studio  android  android-studio

     年终了，给自己换了台r9000p，快乐还没享受呢，想着要先把原来电脑的环境和项目重新配置过来，开始崩溃了。公司的项目是rn的，我就配个android studio的虚拟机，给我配出心理疾病了，到处都是问题解决一个又来一个。...

12.React Native文件创建、查看、下载、上传-react-native-fs

标签：   RN  文件下载  文件上传

     1.react-native-fs是什么？ 2.react-native-fs支持哪些功能？ 3.react-native-fs如何使用？ 4.react-native-fs功能介绍？ 5.文件操作说明 5.1文件目录说明 5.2文件创建 5.3文件删除 5.4文件读取 5.5文件...

react native的单选按钮react-native-radio-master

标签：   react-native  radio  单选按钮

     随着项目对react native的使用，碰到了很多RN的坑。。。只可惜我不是职业前端，让我一个php...。这篇主要是实现RN的单选按钮，上传表单的时候使用的。...1、npm i react-native-radio-master –save 2、这个组件不需要npm

分享一款适用于react-native的图表组件

标签：   react-native  chart  图表

      在github上找了很多图表类的插件，大多都是直方...因为react-native版本更新的快，用不同的版本必须适配不同的第三方库，所以很多repo维护的都比较慢（或者类似于react-native-chart就直接不更新了），如果你非得用...

react-native实现树结构选择组件

标签：   react  react-native

     能够按照数据结构进行展开树状结构，通常用来进行展示具有明显层级关系的数据结构,展示的同时,能够进行指定默认值展开和默认选中值,能够进行单选和多选操作,进行通过传递props禁止选择等功能。

react-native 侧滑组件 react-native-swipe-list-view

标签：   react-native  android  app

     由于项目需要支持左滑&右滑的list组件，所以上网看了一下， 发现了 react-native-swipe-list-view 觉得不错，分享给大家。 （1）.此库支持单个组件的左滑右滑，也支持list组件的左滑右滑 首先看一下效果图： 1....

react-native 自带的 webview 替换为 react-native-webview 遇到的问题

标签：   react-native-webview  react-native-webview 与 H5交互

     简单介绍下react-native-webview 替换 react-native 自带的 webview 的过程中 遇到的问题。 基于版本： "react-native": "0.60.6", "react-native-webview": "^7.4.2", 1、安装及使用方法就省略了，可以看下...

React Native 集成@ant-design/react-native 3.X

标签：   React-Native  @ant-design/react-native 3.x

     React-Native 集成@ant-design/react-native 3.X 1、安装 #安装 npm install @ant-design/react-native --save #链接所有图标 react-native link @ant-design/icons-react-native 2、按需加载 1):安装...

运行react-native link react-native-gesture-handler报错：error Failed to get dependency config

标签：   react-native link react-native-gest  error Failed to get dependency conf  react-navigation

     在初始化创建项目并通过yarn add react-navigation和yarn add react-native-gesture-handler加载导航依赖包时，这两个过程一切正常，但当执行react-native link react-native-gesture-handler进行原生依赖时，...

react-native配置react-native-image-crop-picker

标签：   evaluating '_reactNativeImageCropPi  react-native-crop-picker

     null is not an object (evaluating '_reactNativeImageCropPicker.default.openPicker') 如何引用第三方的图片剪辑库？上面的错误一直提醒着、出现！查找了好多博客，进入作者的issue，都没有找到解决答案。...

React Native 集成react-native-table-component(table表格插件)及代码示例

标签：   React-Native

     React-Native 集成react-native-table-component(table表格插件) 1、安装 #npm安装 npm install --save react-native-table-component 2、使用 1):TableExample.js入口文件 import React, {Component} from 'react'...

图片操作库，react-native-image-zoom-viewer 使用方法

标签：   react native库  react-native-image-zoom-viewer

     react-native-image-zoom-viewer 使用方法 最近遇到一个需求，需要让用户预览图片，并且能进行放大缩小的操作。 google了一圈，最后使用了react-native-image-zoom-viewer。 官网Demo： import { Modal } from '...

OpenJDK 64-Bit Server VM warning: INFO: os::commit_memory(0x000001faf3e50000

标签：   intellij-idea  maven  java

     背景 早上在用IDEA构建项目的时候，爆出了以下问题。 OpenJDK 64-Bit Server VM warning: INFO: os::commit_memory(0x000001faf3e50000, 65536, 0) failed; error='页面文件太小，无法完成操作。...

关于react-native-fast-image的使用

标签：   react native  react-native-fast-image

     关于react-native-fast-image的使用 今天在项目里使用了react-native-fast-image，现在记录一下过程 首先如果是原生和RN混合开发，首先执行以下代码： yarn add react-native-fast-image 然后在Android添加依赖： ...

《ReactNative》之使用react-native-picker组件选择日期

标签：   react-native-picker  日期选择

     最近在开发中需要做个选择日期的功能，发现react-native-picker这个组件不错，选择的内容可自定义，可选择日期、时间、城市等，功能强大，因此写了个Demo记录一下。 github地址为：...

react-native-video使用攻略

标签：   React Native  react-native-video  视频播放器

     react-native-video是一个可以播放视频的组件，它的用法简单，功能完备，是React native项目中很好用的一个Video播放的组件。 它的功能主要有以下10个： 1. 控制播放速率 2. 控制音量大小 3. 支持静音功能 4. ...

（笔记）RN aliyun-oss-react-native 阿里云上传

标签：   react native  阿里云上传  aliyun-oss-react-native

     aliyun-oss-react-native 挺好用 但是上传他的contentType 是写死的 很尴尬 导致上传到服务器上打开链接会下载 我按照需求 解决方法 ../node_modules/aliyun-oss-react-native/android 找所在的方法比如...

windows环境里React-Native运行失败的原因之一，安卓模拟器未启动

标签：   React-Native

     错误消息：... 解决方案： Tool->AVD manager: 启动一个新的模拟器 之后重新运行命令react-native run-android: 一切运行正常： 要获取更多Jerry的原创文章，请关注公众号"汪子熙": ...

推荐文章